<?php require_once('Connections/staf.php'); ?>
<?php
//initialize the session
if (!isset($_SESSION)) {
  session_start();
}

// ** Logout the current user. **
$logoutAction = $_SERVER['PHP_SELF']."?doLogout=true";
if ((isset($_SERVER['QUERY_STRING'])) && ($_SERVER['QUERY_STRING'] != "")){
  $logoutAction .="&". htmlentities($_SERVER['QUERY_STRING']);
}

if ((isset($_GET['doLogout'])) &&($_GET['doLogout']=="true")){
  //to fully log out a visitor we need to clear the session varialbles
  $_SESSION['MM_Username'] = NULL;
  $_SESSION['MM_UserGroup'] = NULL;
  $_SESSION['PrevUrl'] = NULL;
  unset($_SESSION['MM_Username']);
  unset($_SESSION['MM_UserGroup']);
  unset($_SESSION['PrevUrl']);
	
  $logoutGoTo = "login.php";
  if ($logoutGoTo) {
    header("Location: $logoutGoTo");
    exit;
  }
}
?>
<?php
if (!isset($_SESSION)) {
  session_start();
}
$MM_authorizedUsers = "";
$MM_donotCheckaccess = "true";

// *** Restrict Access To Page: Grant or deny access to this page
function isAuthorized($strUsers, $strGroups, $UserName, $UserGroup) { 
  // For security, start by assuming the visitor is NOT authorized. 
  $isValid = False; 

  // When a visitor has logged into this site, the Session variable MM_Username set equal to their username. 
  // Therefore, we know that a user is NOT logged in if that Session variable is blank. 
  if (!empty($UserName)) { 
    // Besides being logged in, you may restrict access to only certain users based on an ID established when they login. 
    // Parse the strings into arrays. 
    $arrUsers = Explode(",", $strUsers); 
    $arrGroups = Explode(",", $strGroups); 
    if (in_array($UserName, $arrUsers)) { 
      $isValid = true; 
    } 
    // Or, you may restrict access to only certain users based on their username. 
    if (in_array($UserGroup, $arrGroups)) { 
      $isValid = true; 
    } 
    if (($strUsers == "") && true) { 
      $isValid = true; 
    } 
  } 
  return $isValid; 
}

$MM_restrictGoTo = "login.php";
if (!((isset($_SESSION['MM_Username'])) && (isAuthorized("",$MM_authorizedUsers, $_SESSION['MM_Username'], $_SESSION['MM_UserGroup'])))) {   
  $MM_qsChar = "?";
  $MM_referrer = $_SERVER['PHP_SELF'];
  if (strpos($MM_restrictGoTo, "?")) $MM_qsChar = "&";
  if (isset($QUERY_STRING) && strlen($QUERY_STRING) > 0) 
  $MM_referrer .= "?" . $QUERY_STRING;
  $MM_restrictGoTo = $MM_restrictGoTo. $MM_qsChar . "accesscheck=" . urlencode($MM_referrer);
  header("Location: ". $MM_restrictGoTo); 
  exit;
}
?>
<?php
if (!function_exists("GetSQLValueString")) {
function GetSQLValueString($theValue, $theType, $theDefinedValue = "", $theNotDefinedValue = "") 
{
  if (PHP_VERSION < 6) {
    $theValue = get_magic_quotes_gpc() ? stripslashes($theValue) : $theValue;
  }

  $theValue = function_exists("mysql_real_escape_string") ? mysql_real_escape_string($theValue) : mysql_escape_string($theValue);

  switch ($theType) {
    case "text":
      $theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
      break;    
    case "long":
    case "int":
      $theValue = ($theValue != "") ? intval($theValue) : "NULL";
      break;
    case "double":
      $theValue = ($theValue != "") ? doubleval($theValue) : "NULL";
      break;
    case "date":
      $theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
      break;
    case "defined":
      $theValue = ($theValue != "") ? $theDefinedValue : $theNotDefinedValue;
      break;
  }
  return $theValue;
}
}

$colname_login = "-1";
if (isset($_SESSION['MM_Username'])) {
  $colname_login = $_SESSION['MM_Username'];
}
mysql_select_db($database_staf, $staf);
$query_login = sprintf("SELECT * FROM maklumat_staf WHERE nama = %s", GetSQLValueString($colname_login, "text"));
$login = mysql_query($query_login, $staf) or die(mysql_error());
$row_login = mysql_fetch_assoc($login);
$totalRows_login = mysql_num_rows($login);
?>
<!doctype html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if IE 9]>    <html class="no-js ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
<?php error_reporting(E_ERROR);?>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<title>E-Log Latihan Bahagian Sumber Manusia</title>
    
	<link rel="icon" type="image/png" href="favicon.png">
    	<!-- This is the traditional favicon.
		 - size: 16x16 or 32x32
		 - transparency is OK
		 - see wikipedia for info on browser support: http://mky.be/favicon/-->
		 
	<link rel="apple-touch-icon" href="apple-touch-icon-precomposed.png">
	<!-- The is the icon for iOS's Web Clip.
		 - size: 57x57 for older iPhones, 72x72 for iPads, 114x114 for iPhone4's retina display (IMHO, just go ahead and use the biggest one)
		 - To prevent iOS from applying its styles to the icon name it thusly: apple-touch-icon-precomposed.png
		 - Transparency is not recommended (iOS will put a black BG behind the icon) -->
         
	<meta name="description" content="">
	<meta name="author" content="Kreatifmaya.com">
	
    <!-- Fonts -->
    <link rel="stylesheet" type="text/css" href="css/fonts.css">
    <link rel="stylesheet" type="text/css" href="css/font-awesome.css">
    
    <!-- Bootstrap -->
	<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">    
    
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <link rel="stylesheet" type="text/css" href="colors-css/default.css" class="colorCssStyles">
<link rel="stylesheet" type="text/css" href="css/responsive.css">
    <!--[if IE 8]>
	  <link rel="stylesheet" type="text/css" href="css/ie8.css">
	<![endif]-->    
    <link rel="stylesheet" type="text/css" href="css/sequence.css">

    <script src="js/libs/modernizr-2.5.3.min.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"><style type="text/css">
<!--
body,td,th {
	color: #03C;
}
-->
</style></head>
<body>
<p id="back-top"><a href="#top"><span class="icon-chevron-up"></span></a></p>
<!--[if lte IE 7]><p class=chromeframe>Your browser is <em>ancient!</em> <a href="http://browsehappy.com/">Upgrade to a different browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to experience this site.</p><![endif]-->
<!-- Top Header -->
<!-- Page Header -->
<header id="pageHeader" class="clearfix">
    <div id="logo">
        <a href="index.html">E-Log Latihan</a>
    </div>
    <nav id="mainNav">
      <ul class="menu">
        <li class="mainMenu active"><a href="index.php">Halaman <br>
          Utama</a>
          <!--<span class="taline">start here</span>-->
          <!--<ul>
                  	<li class="arrow"></li>
                    <li><a href="index-2.html">Home Page 1</a></li>
                    <li><a href="home-page-2.html">Home Page 2</a></li>
                  	<li class="border"></li>
                </ul>-->
        </li>
        <li class="mainMenu "> <a href="maklumatperibadi.php">Maklumat <br>
          Peribadi</a>
          <!--<span class="taline">list of all pages</span>-->
          <!--<ul>
                  <li class="arrow"></li>
                  <li><a href="about.html">About Us</a></li>
                  <li>
                  <a href="services.html">Services</a>
                  </li>
                  <li>
                  	<a href="portfolio-col-3.html">Portfolio  <span class="plus">+</span></a>
                  	<ul>
                    	<li class="arrow"></li>
                    	<li><a href="portfolio-col-2.html">Two Col Portfolio</a></li>
                        <li><a href="portfolio-col-3.html">Three Col Portfolio</a></li>
                        <li><a href="portfolio-col-4.html">Four Col Portfolio</a></li>
                        <li><a href="single-portfolio.html">Single Portfolio</a></li>
                        <li class="border"></li>
                    </ul>
                  </li>
                  <li>
                  	<a href="blog.html">Blog <span class="plus">+</span></a>
                    <ul>
                    	<li class="arrow"></li>
                    	<li><a href="blog.html">Blog</a></li>
                        <li><a href="single-post.html">Single Post</a></li>
                        <li class="border"></li>
                    </ul>
                  </li>
                  <li><a href="columns.html">Columns</a></li>
                  <li><a href="left-navigation.html">Left Navigation</a></li>
                  <li><a href="right-navigation.html">Right Navigation</a></li>
                  <li><a href="shortcodes.html">Shortcodes</a></li>
                  <li><a href="pricing-table.html">Pricing Table</a></li>
                  <li class="border"></li>
                </ul>-->
        </li>
        <li class="mainMenu "> <a href="maklumatperibadi.php">Rekod <br>
          Kehadiran</a>
          <!--<span class="taline">our featured works</span>-->
          <!--<ul>
                    <li class="arrow"></li>
                    <li><a href="portfolio-col-2.html">Two Col Portfolio</a></li>
                    <li><a href="portfolio-col-3.html">Three Col Portfolio</a></li>
                    <li><a href="portfolio-col-4.html">Four Col Portfolio</a></li>
                    <li><a href="single-portfolio.html">Single Portfolio</a></li>
                    <li class="border"></li>
                </ul>-->
        </li>
        <li class="mainMenu"><a href="trainingroadmap.php">Training <br>
          Road Map</a>
          <!--<span class="taline">latest news</span>-->
        </li>
        <li class="mainMenu"><a href="<?php echo $logoutAction ?>">Logout</a>
          <!--<span class="taline">Logout</span></li>-->
      </ul>
    </nav>
</header>

<!-- Banner -->
<div id="bannerCon" class="clear drop-shadow">
	<div class="overflowHidden">
    <!--<img class="prev" src="img/images/bt-prev.png" alt="Previous Frame">
    <img class="next" src="img/images/bt-next.png" alt="Next Frame">-->
    <div id="banner">
        <div id="sequence">
        <ul>
        	<!-- Frame 1 -->
            <li>
            	
                    <div class="slide-titles ">
                        <h2><span class="orange"><em>Training Road Map</em></span> 
                    </div>  
                
                     <div class="slide-content contents">
                        <p class="desc">Aktiviti latihan yang dijalankan selama enam jam secara bersemuka dan <br>
berterusan anjuran jabatan, bahagian atau agensi luar di dalam dan di luar negara</p>
                    </div>
                
                	<p class="bannerBtn contents"><a href="trainingroadmap.php" class="btn btn-theme-pri">Klik Di Sini</a> <span class="or"><!--or</span> <a href="services.html" class="secLink">Buy Now!</a></p>-->
                

                <img class="bgFromRight slide1Bg bg" src="img/banners/slide1-bg.png" alt="">
                <img class="fromTop responsive" src="img/banners/slide1.png" alt="">
          </li>
            
            <!-- Frame 2 -->
            <!--<li>
                <img class="fromBottom bootstrap slide2bg bg" src="img/banners/slide2-bg.png" alt="">
                <div class="centeredText">
                    <h2><span class="orange">Drive</span> coded using Modern <br>HTML5 / CSS3 with Bootstrap</h2>
                </div>
              
                
                <img class="fromBottom bootstrap" src="img/banners/slide2.png" alt="">
            	<img class="css3" src="img/banners/css3.png" alt="">
                <img class="html5" src="img/banners/html5.png" alt="">  
            </li>-->
            
            <!-- Frame 3 -->
            <!--<li>
            	<img class="decoration bg" src="img/banners/decoration.png" alt="">
            	<img class="slide-titles slide3" src="img/banners/slide3.png" alt="">
                
                	<h2 class="textFromTop slide3Text"><span class="orange">Drive</span> comes With Awesome <br>Shortcode & Slider</h2>
                    <p class="textFromBottom hideMobile slide3Text">Globally generate B2C mindshare via e-business e-commerce.<br>Monotonectally promote integrated value without distinctive paradigms.</p>
                
            </li>-->
            
            <!-- Frame 4 -->
            <!--<li>
            	
            	
                		<h2 class="slide-titles textAlignCenter slide4 contents"><span class="orange">Unlimited color Variations</span><br>20 Pre defined colors</h2>
                    	<p class="desc slide-content textAlignCenter contents slide4Content"><br>Globally generate B2C mindshare via e-business e-commerce. Monotonectally promote integrated value without distinctive paradigms. Monotonectally leverage other's parallel niche markets. </p>
               
                <img class="bgFull bg" src="img/banners/slide4-bg.png" alt="">
                <img class="color" src="img/banners/slide4.png" alt="">
            </li>-->
            
        </ul>
        </div>
    </div>
    </div>   
</div>

<!-- Page Content -->
<!--<div role="main" id="mainContent" class="center noPaddingTop">
	<!-- Call Out Box --
    <section class="callOut newSection">
        <p>E-Log Latihan.<br>
            Kakitangan Perkhidmatan Awam Negeri Kedah.
        </p>
    </section>-->
    <!-- Services List -->
    <div role="main" id="mainContent" class="center noPaddingTop">
	<!-- Call Out Box -->
    <section class="callOut newSection">
        <p>Selamat Datang <?php echo $row_login['nama']; ?> Ke E-Log Latihan.<br>
            Kakitangan Perkhidmatan Awam Negeri Kedah.
        </p>
    </section>
<section class="newSection row-fluid mainServices2">
   	   <div class="singleService span4">
			<div class="sepCenter">
                <div class="outerCircle rotate1">
                    <p class="icon190"><span class="icon-user"></span></p>
                </div>
            </div>
            <div class="animateIcon">
            	<h2 class="title">Maklumat Peribadi</h2>
                <!--<p class="content">Globally initiate extensive "outside the box" thinking rather than cross-media solutions. Quickly supply low-risk high-yield innovation through user friendly best practices. Interactively repurpose team building initiatives and viral.</p>-->
                <p class="sepCenter"><a href="maklumatperibadi.php" class="btn btn-theme-sec btn-large">Klik Di Sini</a></p>
            </div>
       </div>
       <div class="singleService span4">
			<div class="sepCenter">
                <div class="outerCircle rotate2">
                    <p class="icon190"><span class="icon-edit"></span></p>
                </div>
            </div>
            <div class="animateIcon">
                <h2 class="title">Rekod Kehadiran</h2>
                <!--<p class="content">Globally initiate extensive "outside the box" thinking rather than cross-media solutions. Quickly supply low-risk high-yield innovation through user friendly best practices. Interactively repurpose team building initiatives and viral.</p>-->
                <p class="sepCenter"><a href="rekodkehadiran.php" class="btn btn-theme-sec btn-large">Klik Di Sini</a></p>
            </div>
       </div>
       <div class="singleService span4">
			<div class="sepCenter">
                <div class="outerCircle rotate3">
                    <p class="icon190"><span class="icon-file"></span></p>
                </div>
            </div>
            <div class="animateIcon">
                <h2 class="title">Training Road Map</h2>
                <!--<p class="content">Globally initiate extensive "outside the box" thinking rather than cross-media solutions. Quickly supply low-risk high-yield innovation through user friendly best practices. Interactively repurpose team building initiatives and viral.</p>-->
                <p class="sepCenter"><a href="trainingroadmap.php" class="btn btn-theme-sec btn-large">Klik Di Sini</a></p>
            </div>
       </div>
    </section>
</div>
    
    
    <!-- Featured Works -->
    <!--<section class="newSection fcsCarousel col3 data-autoplay="true" data-duration="8000"">
    	<h2 class="mainTitle">Featured Works</h2>
        <div class="carousel-items-con hover-effect1 featuredWorks"> 
        <ul class="carousel-items">       
        	<li class="carousel-item featuredWork">
                <div class="bg">
                    <div class="content">
                    	<div class="front">
                    		<img src="img/col3/6.jpg" alt="">
                   		</div>
						<div class="backCon">
                            <div class="back">
                                <div class="header">
                                <h3 class="title">Singing Bird <br> ILLUSTRATION</h3>
                                <div class="sep"></div>
                                </div>
                                <div class="describtion">
                                <p class="category"><small>on</small> Illustration</p>
                                <p><a href="single-portfolio.html">click here for more details</a></p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </li>      
        	<li class="carousel-item featuredWork">
                <div class="bg">
                    <div class="content">
                    	<div class="front">
                    		<img src="img/col3/4.jpg" alt="">
                   		</div>
						<div class="backCon">
                            <div class="back">
                                <div class="header">
                                <h3 class="title">Twin Birds <br> ILLUSTRATION</h3>
                                <div class="sep"></div>
                                </div>
                                <div class="describtion">
                                <p class="category"><small>on</small> Illustration</p>
                                <p><a href="single-portfolio.html">click here for more details</a></p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </li>      
        	<li class="carousel-item featuredWork">
                <div class="bg">
                    <div class="content">
                    	<div class="front">
                    		<img src="img/col3/3.jpg" alt="">
                   		</div>
						<div class="backCon">
                            <div class="back">
                                <div class="header">
                                <h3 class="title">Bee Honey<br> Mascot</h3>
                                <div class="sep"></div>
                                </div>
                                <div class="describtion">
                                <p class="category"><small>on</small> Branded Design</p>
                                <p><a href="single-portfolio.html">click here for more details</a></p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </li>      
        	<li class="carousel-item featuredWork">
                <div class="bg">
                    <div class="content">
                    	<div class="front">
                    		<img src="img/col3/7.jpg" alt="">
                   		</div>
						<div class="backCon">
                            <div class="back">
                                <div class="header">
                                <h3 class="title">Water <br> Company</h3>
                                <div class="sep"></div>
                                </div>
                                <div class="describtion">
                                <p class="category"><small>on</small> Branded Design</p>
                                <p><a href="single-portfolio.html">click here for more details</a></p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </li>      
        	<li class="carousel-item featuredWork">
                <div class="bg">
                    <div class="content">
                    	<div class="front">
                    		<img src="img/col3/5.jpg" alt="">
                   		</div>
						<div class="backCon">
                            <div class="back">
                                <div class="header">
                                	<h3 class="title">Sribble Tree <br> ILLUSTRATION</h3>
                                	<div class="sep"></div>
                                </div>
                                <div class="describtion">
                                	<p class="category"><small>on</small> Illustration</p>
                                	<p><a href="single-portfolio.html">click here for more details</a></p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </li>      
        	<li class="carousel-item featuredWork">
                <div class="bg">
                    <div class="content">
                    	<div class="front">
                    		<img src="img/col3/8.jpg" alt="">
                   		</div>
						<div class="backCon">
                            <div class="back">
                                <div class="header">
                                <h3 class="title">Tweet <br> ILLUSTRATION</h3>
                                <div class="sep"></div>
                                </div>
                                <div class="describtion">
                                <p class="category"><small>on</small> Apps Design</p>
                                <p><a href="single-portfolio.html">click here for more details</a></p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </li>
        </ul>            
        <!-- #slide Nav
        <!-- #slide Nav 
        <div class="slider-nav">
            <a href="#" data-dir="prev" class="slider-btn prevSlide">&lsaquo;</a>
            <a href="#" data-dir="next" class="slider-btn nextSlide">&rsaquo;</a>
        </div> </div>
    </section>-->
        
    <!-- Clients / Partners -->
    <!--<section class="newSection ourClients">
    	<h2 class="mainTitle">Our Clients</h2>
        <div class="carousel-items-con clients">
            <div class="clearfix carousel-items">
                <a href="#" class="carousel-item"><img src="img/clients/1.png" alt=""></a>
                <a href="#" class="carousel-item"><img src="img/clients/2.png" alt=""></a>
                <a href="#" class="carousel-item"><img src="img/clients/3.png" alt=""></a>
                <a href="#" class="carousel-item"><img src="img/clients/4.png" alt=""></a>
                <a href="#" class="carousel-item"><img src="img/clients/5.png" alt=""></a>
                <a href="#" class="carousel-item"><img src="img/clients/6.png" alt=""></a>
                <a href="#" class="carousel-item"><img src="img/clients/7.png" alt=""></a>
                <a href="#" class="carousel-item"><img src="img/clients/8.png" alt=""></a>
                <a href="#" class="carousel-item"><img src="img/clients/4.png" alt=""></a>
            </div>
            
            <!-- #slide Nav --
        <div class="slider-nav">
            <a href="#" data-dir="prev" class="slider-btn prevSlide">&lsaquo;</a>
            <a href="#" data-dir="next" class="slider-btn nextSlide">&rsaquo;</a>
        </div> 
      </div>
    </section>-->
    
</div><!-- End of mainContent -->

<!-- Footer -->
<footer id="pageFooterCon">  
    <!-- Copyright -->
   <div class="copyright center row-fluid"> 
        <div class="span6">&copy; 2012 <a href="http://www.eloglatihan/">E-Log Latihan Bahagian Sumber Manusia</a>, All Rights Reservered.</div>
<!--        <div class="span6"><p class="pull-right"><a href="#"> Terms Of Services</a>  /  <a href="documentation.html">Documentation</a></p></div>
-->   </div>
</footer>
<script src="../../../ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/libs/jquery-1.8.2.min.js"><\/script>')</script>
<script src="js/bootstrap.min.js"></script>
<script src="js/sequence.jquery-min.js"></script>
<script src="js/plugins.js"></script>
<script src="js/script.js"></script>
<script type="text/javascript" src="../../../twitter.com/javascripts/blogger.js">  
</script>
<script type="text/javascript" src="https://api.twitter.com/1/statuses/user_timeline.json?screen_name=falcon_studio&amp;callback=twitterCallback2&amp;count=2">  </script>

<script>
/mobile/i.test(navigator.userAgent) && !location.hash && setTimeout(function () {
		  if (!pageYOffset) window.scrollTo(0, 1);
		}, 1000);
		
		$(document).ready(function(){
			var options = {
				autoPlay: true,
				nextButton: true,
				prevButton: true,
				animateStartingFrameIn: true,
				autoPlayDelay: 3000,
				transitionThreshold: 500,
				preloader: true,
				preloadTheseFrames: [1],
				preloadTheseImages: [
					"img/banners/slide1.png",
					"img/banners/slide1-bg.png"
				]
			};

			var sequence = $("#sequence").sequence(options).data("sequence");

		});
</script>
<!-- end scripts-->

<script>
	var _gaq=[['_setAccount','UA-24743401-1'],['_trackPageview']];
	(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
	g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
	s.parentNode.insertBefore(g,s)}(document,'script'));
</script>

</body>
</html><?php
mysql_free_result($login);
?>
